/*
 * Copyright 2024 Harness, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.pageBody {
  --page-header-height: 144px;
  min-height: calc(var(--page-height, 100vh) - var(--page-header-height, 144px)) !important;
  background-color: var(--primary-bg) !important;
}

.pageHeader {
  background-color: var(--grey-0) !important;
  height: var(--har-artifact-list-page-header-height) !important;
  position: sticky;
  top: 0;
  z-index: 5;
}

.subHeader {
  position: sticky;
  top: var(--har-artifact-list-page-header-height);
  z-index: 5;
  border: none;
  box-shadow: var(--elevation-2);

  .subHeaderItems {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-medium);
    width: 100%;
  }
}

.filterTabContainer {
  display: flex;
  align-items: center;

  & button {
    --button-height: 32px !important;
  }
}
